<template>
	<div class="pjlistBox">
		  <div class="pjlistBoxCont">
			   <div class="pjlistBox_items" v-for="(ite,idx) in pjList" :key="idx">
				    <div class="pjlistBox_top">
						{{ite.phone}}
					</div>
					<div class="pjlistBox_center">
						<span>评分</span>  <u-rate active-color="#FFBE2E" inactive-color="#F1E5D8"  readonly gutter="5" :value='ite.point'></u-rate>

					</div>
					<div class="pjlistBox_botoom">
						{{ite.title}}
					</div>
			   </div>
		  </div>
	</div>
</template>

<script>
	 export default{
		 props:{
			 pjList:[String,Array]
		 },
		 data(){
			 return{
				 
			 }
		 }
	 }
</script>

<style lang="scss">
	.pjlistBoxCont{
		
	}
	.pjlistBox_items{
		min-height: 10rpx;
		font-size: 28rpx;
		border-bottom: 2rpx solid #ddd;
		padding: 24rpx 0;
		.pjlistBox_top{
			line-height: 45rpx;
		}
		.pjlistBox_center{
			display: flex;
			margin-top: 8rpx;
			span{
				color: #666666;
				font-size: 24rpx;
				margin-right: 18rpx;
			}
		}
		.pjlistBox_botoom{
			font-size: 26rpx;
			margin-top: 8rpx;
		}
	}
	.pjlistBox_items:last-child{
		border: none;
	}
</style>